.productItem {
  position: relative;
  width: 678px;
  height: 428px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  margin-bottom: 20px;

  // .productImg {
  //   border-radius: 10px 10px 0 0;
  //   width: 678px;
  //   height: 248px;
  // }

  .productImgDiv {
    border-radius: 10px 10px 0 0;
    width: 678px;
    height: 248px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden; /* 确保图片不溢出容器 */
  }

  .productImg {
    object-fit: none; /* 不拉伸图片 */
    object-position: center; /* 设置图片在容器中的位置为中心 */
  }

  .productContent {
    flex: 1;
    border-radius: 0px 0px 10px 10px;
    padding: 15px 36px;
    // background-color: blue;
    display: flex;
    flex-direction: column;
    // justify-content: space-around;
    box-sizing: border-box;

    .productDesc {
      width: 606px;
      height: 78px;

      font-family: PingFang SC;
      font-size: 28px;
      font-weight: 500;
      line-height: 39.2px;
      text-align: justified;
      color: #000000;
      overflow: hidden; /* 隐藏超出内容 */
      text-overflow: ellipsis; /* 超出内容显示省略号 */
    }

    .productFooter {
      height: 50px;
      box-sizing: border-box;
      margin-top: 14px;
      display: flex;
      justify-content: space-between;
      align-items: center;

      .productPrice {
        font-family: PingFang SC;
        font-weight: 500;
        text-align: justified;

        color: #ff3838;
      }

      .btn {
        width: 168px;
        height: 50px;
        gap: 10px;
        border-radius: 4px;
        opacity: 0px;
        padding: 8px, 48px, 8px, 48px;
        text-align: center;
        background: linear-gradient(
          270deg,
          #04cb00 0%,
          rgba(4, 203, 0, 0.6) 100%
        );
        display: flex;
        align-items: center; /* 垂直居中 */
        justify-content: center; /* 水平居中 */
        margin-left: 212px;
        .span {
          line-height: 33.6px;
          font-size: 24px;
          font-weight: 500;
          text-align: justify;
          font-family: 'PingFang SC', sans-serif;
          color: #ffffff;
        }
      }

      .disabledBtn {
        width: 168px;
        height: 50px;
        gap: 10px;
        border-radius: 4px;
        opacity: 0px;
        padding: 8px, 48px, 8px, 48px;
        text-align: center;
        background: #8a8a8a;

        display: flex;
        align-items: center; /* 垂直居中 */
        justify-content: center; /* 水平居中 */
        margin-left: 212px;
        .disabledSpan {
          line-height: 33.6px;
          font-size: 24px;
          font-weight: 500;
          text-align: justify;
          font-family: 'PingFang SC', sans-serif;
          color: #ffffff;
        }
      }
    }
  }

  .saleImg {
    position: absolute;
    z-index: 100;
    width: 114px;
    height: 114px;
    left: 567.51px;
    color: #ffffff;
  }
}
